<template>
  <div>
    <el-tabs>
      <el-tab-pane>
        <template #label>
          <span><i class="el-icon-date"></i>机票购买</span>
        </template>
        <ticket></ticket>
      </el-tab-pane>
      <el-tab-pane label="选座值机">
        <seat-selection></seat-selection>
      </el-tab-pane>
      <el-tab-pane label="酒店">
        <hotel />
      </el-tab-pane>
      <el-tab-pane label="机场接送">
        <pick-up />
      </el-tab-pane>
    </el-tabs>
  </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import Ticket from './Ticket/Index.vue';
import SeatSelection from './SeatSelection/Index.vue';
import Hotel from './Hotel/Index.vue';
import PickUp from './PickUp/Index.vue';
export default defineComponent({
  name: 'Trip',
  components: {
    Ticket,
    SeatSelection,
    Hotel,
    PickUp,
  },
  setup() {
    return {};
  },
});
</script>

<style lang="scss" scoped>
@import '@/assets/css/config.scss';
@import '@/assets/css/tabs-top.scss';
</style>
